<!DOCTYPE html5>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <title>巡星计划</title>
    <link rel="stylesheet" href="/static/xxjh/web/css/index.css">
</head>
<body>
<div class="animated" id="mask">
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
</div>
<span class="animated bounceInUp" id="code"></span>
<nav class="site-nav">
    <div class="nav-wrapper clearfix">
        <span class="icon site-star animated bil"></span>
        <ul class="nav-menu clearfix" id="nav">
            <li class="active animated bir"><a href="javascript:void(0)">首页</a></li>
            <li class="animated bir"><a href="javascript:void(0)">巡星计划</a></li>
            <li class="animated bir"><a href="javascript:void(0)">报名方式&活动日期</a></li>
            <li class="animated bir"><a href="javascript:void(0)">参赛资格</a></li>
        </ul>
    </div>
</nav>
<a class="animated bir" id="signup-entrance" href="javascript:void(0)"><span>我要报名</span></a>
<div id="site-body">
    <section id="page1">
        <span class="icon bg animated fiu"></span>
        <span class="icon center animated bi"></span>
        <span class="icon city01 animated biu"></span>
        <span class="icon city02 animated biu"></span>
        <span class="icon city03 animated biu"></span>
        <span class="icon city04 animated biu"></span>
        <span class="icon city05 animated biu"></span>
        <span class="icon city07 animated biu"></span>
        <span class="icon city08 animated biu"></span>
        <span class="icon city10 animated biu"></span>
        <span class="icon city11 animated biu"></span>
        <span class="icon cloud01 animated biu"></span>
        <span class="icon cloud02 animated biu"></span>
        <span class="icon cloud03 animated biu"></span>
        <span class="icon cloud04 animated biu"></span>
        <span class="icon cloud05 animated biu"></span>
        <span class="icon cloud06 animated biu"></span>
        <span class="icon pop pop1 animated biu">广州</span>
        <span class="icon pop pop2 animated biu">成都</span>
        <span class="icon pop pop3 animated biu">北京</span>
        <span class="icon pop pop4 animated biu">上海</span>
        <span class="icon plane animated biu"></span>
        <span class="icon contrail animated biu"></span>
        <a class="btn animated fid" id="detail" href="javascript:void(0)">比赛详情</a>
        <a class="btn animated fid" id="signup" href="javascript:void(0)"><em class="icon"></em>我要报名</a>
        <a class="icon animated fid" id="webchat" href="javascript:void(0)"></a>
        <a class="icon animated fid" id="weibo" target="_blank" href="http://weibo.com/comboyamaha"></a>
        <p class="copyright animated fid">Copyright(C) 2017 雅马哈乐器音响 ( 中国 ) 投资有限公司 All Rights Reserved.</p>
    </section>
    <section class="animated fiu" id="page2">
        <div class="page2-wrapper animated fid">
            <p class="title animated bid">巡星计划</p>
            <p class="txt animated bid">【巡星计划】由雅马哈乐器音响（中国）投资有限公司主办，全国范围内的原声吉他演示员甄选活动，旨在为吉他爱好者提供展示平台及成名机会。</p>
            <p class="txt animated bid">经过选拔的演示员将获得与雅马哈签约机会，通过全国范围内的巡演让更多人听到你的音乐与故事！</p>
            <p class="txt animated bid">不管你是指弹达人还是弹唱歌手，独自上阵还是两人组合，也无论你是民谣、爵士还是摇滚风，雅马哈【巡星计划】就是要找那个敢于追逐梦想的你！</p>
            <p class="txt animated bid">
                【巡星计划】将通过网络视频海选及经销商实体报名的形式进行选拔，通过北京、上海、成都、广州四站竞演面试，以及10月中国（上海）国际乐器展览会上的最终考核后确定签约雅马哈吉他演示员人选。</p>
        </div>
        <span class="icon city01 animated biu"></span>
        <span class="icon city02 animated biu"></span>
        <span class="icon city03 animated biu"></span>
        <span class="icon city04 animated biu"></span>
        <span class="icon cloud01 animated biu"></span>
        <span class="icon cloud02 animated biu"></span>
        <span class="icon cloud03 animated biu"></span>
        <span class="icon cloud04 animated biu"></span>
    </section>
    <section id="page3">
        <div class="page3-wrapper">
            <p class="subtitle animated bid">报名方式</p>
            <ul class="list01 clearfix">
                <li class="animated bil">
                    <span>1</span>
                    <figure>
                        <figcaption>关注“雅马哈电声乐器”微信公众号</figcaption>
                        <img src="/static/xxjh/web/images/p_code.png">
                    </figure>
                </li>
                <li class="animated bil">
                    <span>2</span>
                    <figure>
                        <figcaption>通过底部菜单中“雅马哈巡星计划” 报名入口</figcaption>
                        <img src="/static/xxjh/web/images/WechatIMG3.png">
                    </figure>
                </li>
                <li class="animated bil">
                    <span>3</span>
                    <figure>
                        <figcaption>填写个人信息及视频链接地址后完成报名</figcaption>
                    </figure>
                </li>
            </ul>
            <p class="subtitle animated bid">活动日期</p>
            <ul class="list02 clearfix">
                <li class="animated bil">
                    <p>6/1-8/6</p>
                    <p>全国视频海选+经销商实体报名</p>
                </li>
                <li class="animated bil">
                    <p>8/14-8/20</p>
                    <p>北京/上海/成都/广州 四站实体选拔面试</p>
                </li>
                <li class="animated bil">
                    <p>10/11-10/14</p>
                    <p>最终考核 @上海乐展</p>
                </li>
                <li class="animated bil">
                    <p>2018年度</p>
                    <p>签约演示员开启全国巡演</p>
                </li>
            </ul>
        </div>
        <span class="icon city05 animated biu"></span>
        <span class="icon city07 animated biu"></span>
        <span class="icon city08 animated biu"></span>
        <span class="icon cloud05 animated biu"></span>
    </section>
    <section class="animated fiu" id="page4">
        <div class="page4-wrapper">
            <p class="subtitle animated bid">参赛资格</p>
            <ul>
                <li class="animated bid">1. 仅接受个人或双人组合报名</li>
                <li class="animated bid">2. 参赛者均必须使用原声吉他</li>
                <li class="animated bid">3. 表演曲风不限</li>
                <li class="animated bid">4. 不允许使用伴奏及采样</li>
                <li class="animated bid">5. 参赛曲目须为原创长度不超过6分钟</li>
                <li class="animated bid">6. 报名时必须提供参赛曲目的视频链接并与入围后竞演曲目一致。</li>
                <li class="animated bid">7. 所有参赛者需均为非职业人士，并且在比赛过程中和任何唱片公司不能具有任何合约。</li>
                <li class="animated bid">8. 参赛成员需长期居住于国内，对国籍、年龄、职业没有限制。</li>
                <li class="animated bid">9. 如遇到自然灾难、战争、政治因素等不可抗力因素，组委会不保证所有在比赛过程中参加选手能顺利完成所有赛事。</li>
            </ul>
        </div>
        <span class="icon city10 animated biu"></span>
        <span class="icon city11 animated biu"></span>
        <span class="icon cloud05 animated biu"></span>
    </section>
</div>
<div class="animated bounceInUp" id="signup-container">
    <div class="signup-wrapper">
        <span class="icon icon-top"></span>
        <div class="site-content" id="form">
            <a id="close" href="javascript:void(0)"></a>
            <p class="it">
                <span class="title"><b>*</b>参赛形式：</span>
                <label class="change">
                    <input type="radio" name="type" checked="" data-type="1">
                    <em class="radio"></em>
                    <span>个人参赛</span>
                </label>
                <label class="change">
                    <input type="radio" name="type" data-type="2">
                    <em class="radio"></em>
                    <span>双人组合</span>
                </label>
            </p>
            <p class="it"><span class="title"><b>*</b>参赛者姓名：</span></p>
            <p class="input1 clearfix ischange">
                <input type="text" name="relname">
            </p>
            <p class="it"><span class="title">年龄：</span></p>
            <p class="input1 clearfix ischange">
                <input type="text" name="age">
            </p>
            <p class="it"><span class="title"><b>*</b>参赛曲目：</span></p>
            <p class="input1 clearfix">
                <input type="text" name="song">
            </p>
            <p class="it"><span class="title"><b>*</b>视频链接：</span></p>
            <p class="tips">
                <label>
                    <input type="radio" name="link" checked="" data-type="1">
                    <em class="radio"></em>
                    <span>现在粘贴：请在下框中粘贴参赛视频链接（任何视频平台均可，视频标题中需含有【巡星计划】字样）</span>
                </label>
            </p>
            <p class="input1 clearfix">
                <input type="text" name="video">
            </p>
            <p class="tips">
                <label>
                    <input type="radio" name="link" data-type="2">
                    <em class="radio"></em>
                    <span>稍后发送，成功上传视频后将链接发送至邮箱：comboevent-SMB@music.yamaha.com（任何视频平台均可，视频标题中需含有【吉他女声】字样）</span>
                </label>
            </p>
            <p class="it double clearfix">
                <span class="title"><b>*</b>联系方式：</span>
                <span class="title"><b>*</b>邮箱：</span>
            </p>
            <p class="input2 clearfix">
                <input type="text" name="mobile">
                <input type="text" name="email">
            </p>
            <p class="it"><span class="title"><b>*</b>从何渠道知晓本次活动：</span></p>
            <p class="inline">

                @foreach($source as $k => $v)
                    <label>
                        <input type="radio" data-type="{{$v}}" name="source" @if($k==0) checked="" @endif>
                        <em class="radio"></em>
                        <span>{{$v}}</span>
                    </label>
                @endforeach

            </p>
            <p class="input1 clearfix">
                <input type="text" name="source_other" placeholder="其他">
            </p>
            <p class="inline">

                <label>
                    <input type="checkbox" data-type="1" name="clause" checked="">
                    <em class="checkbox"></em>
                    <span>我已阅读并接受<a href="/xxjh/mobile/clause" target="_blank">《隐私条款》</a></span>
                </label>

            </p>

            <a id="submit" href="javascript:void(0)"><b>提</b><b>交</b></a>
        </div>
    </div>
</div>
<script type="text/javascript" src="/static/xxjh/web/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/static/xxjh/web/js/index.js"></script>
<script type="text/javascript">
    var g = {
        _token: '{{csrf_token()}}'
    }
</script>
</body>
</html>